.container{
	width: 74%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

/*scroll bar*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#fff}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#03a2f2;)}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#03a2f2;)}
::-webkit-scrollbar-thumb:vertical:active {background-color:#03a2f2;)}

/* productlist */
.productListWrapper{
	padding-bottom: 60px;
	background-color: #f5f5f5;
}
.productListWrapper .banner{
	padding: 8% 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.productListWrapper .banner h1{
	position: relative;
	font-size: 40px;
	color: #fff;
	text-align: center;
	padding-bottom: 35px;
}
.productListWrapper .banner h1:before{
	content: '';
	width: 50px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: 0;
}
.productListWrapper .banner p{
	margin-top: 25px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
}
.productListWrapper .productType{
	overflow: hidden;
	background:#fff;
}
.productListWrapper .productType a{
	float: left;
	width: 20%;
	text-align: center;
	height: 100px;
	line-height: 100px;
	font-size: 18px;
	color: #666;
	background-color: #fff;
}
.productListWrapper .productType a:hover,
.productListWrapper .productType a.active{
	background-color: #016cdd;
	color: #fff;
}
.productListWrapper .list{
	margin-top: 85px;
}
.productListWrapper .list li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	overflow: hidden;
}
.productListWrapper .list li:nth-of-type(3n+3){
	margin-right: 0;
}
.productListWrapper .list li .img{
	overflow: hidden;
}
.productListWrapper .list li .img img{
	display: block;
	width: 100%;
}
.productListWrapper .list li .info{
	padding: 20px;
	background-color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.productListWrapper .list li .info h1{
	position: relative;
	font-size: 18px;
	line-height: 24px;
	height: 24px;
	padding-right: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
}
.productListWrapper .list li .info h1 .ico{
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icon_view_grey.png);
}
.productListWrapper .list li .info p{
	margin-top: 8px;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	color: #666;
}
.productListWrapper .list li .info p:before{
	content: '';
	width: 30px;
	height: 1px;
	background-color: #666;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.5px;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.productListWrapper .list li:hover .info{
	background-color: #0169da;
}
.productListWrapper .list li:hover .info h1,
.productListWrapper .list li:hover .info p{
	color: #fff;
}
.productListWrapper .list li:hover .info h1 .ico{
	background-image: url(../images/icon_view_white.png);
}
.productListWrapper .list li:hover .info p:before{
	background-color: #fff;
	width: 30%;
}
.productListWrapper .list li.hot .img{
	position: relative;
}
.productListWrapper .list li.hot .img .hotIcon{
	width: 23px;
	height: 29px;
	background: url(../images/icon_hot_ico.png) no-repeat center;
	position: absolute;
	top: 20px;
	right: 20px;
}


/* productdetail */
.productDetailWrapper{
	overflow: hidden;
}
.productDetailWrapper .banner{
	position: relative;
}
.productDetailWrapper .banner>img{
	display: block;
	width: 100%;
}
.productDetailWrapper .banner .detailHeader{
	position: absolute;
	top: 110px;
	left: 0;
	padding: 0 80px;
	width: 100%;
	z-index: 5;
}
.productDetailWrapper .banner .detailHeader.fixed{
	position: fixed;
	top: 80px;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	z-index: 999;
}
.productDetailWrapper .banner .detailHeader.fixed .box{
	border-top: rgba(0,0,0,.1) solid 1px;
	padding: 0 25px;
	background-color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.productDetailWrapper .banner .detailHeader.fixed .box span,
.productDetailWrapper .banner .detailHeader.fixed .detailInfo a{
	color: #333;
}
.productDetailWrapper .banner .detailHeader .box{
	height: 70px;
	border-bottom: #fff solid 1px;
	border-color: rgba(255,255,255,.2);
}
.productDetailWrapper .banner .detailHeader span{
	float: left;
	line-height: 70px;
	font-size: 18px;
	color: #fff;
}
.productDetailWrapper .banner .detailHeader .detailInfo{
	float: right;
}
.productDetailWrapper .banner .detailHeader .detailInfo a{
	float: left;
	margin-right: 20px;
	height: 70px;
	line-height: 70px;
	border-bottom: 3px solid transparent;
	font-size: 14px;
	color: #fff;
}
.productDetailWrapper .banner .detailHeader .detailInfo a:last-child{
	margin-right: 0;
}
.productDetailWrapper .banner .detailHeader .detailInfo a.active{
	border-color: #03a2f2;
}
.productDetailWrapper .detailFirst{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -100px;
}
.productDetailWrapper .detailFirst .container{
	display: table;
}
.productDetailWrapper .detailFirst .tableCell{
	display: table-cell;
	vertical-align: bottom;
}
.productDetailWrapper .detailFirst img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.productDetailWrapper .moudle1{
	padding: 150px 80px 100px;
}
.productDetailWrapper .moudle1 .item{
	overflow: hidden;
}
.productDetailWrapper .moudle1 .item .img{
	width: 50%;
}
.productDetailWrapper .moudle1 .item .img img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.productDetailWrapper .moudle1 .item .info{
	width: 50%;
	padding: 0 5%;
}
.productDetailWrapper .moudle1 .item .info h1{
	margin-top: 14.5%;
	margin-bottom: 50px;
	font-size: 47px;
	color: #444;
}
.productDetailWrapper .moudle1 .item .info p{
	font-size: 24px;
	line-height: 44px;
	padding-left: 35px;
	background: url(../images/icon_yes_small.png) no-repeat left 11px;
}
.productDetailWrapper .moudle1 .item.right .img,
.productDetailWrapper .moudle1 .item.right .info{
	float: right;
}
.productDetailWrapper .moudle1 .item.left .img,
.productDetailWrapper .moudle1 .item.left .info{
	float: left;
}
.productDetailWrapper .moudle2{
	overflow: hidden;
}
.productDetailWrapper .moudle2 li{
	float: left;
	padding: 8% 0 10%;
	width: 33.33%;
	background-color: #333;
	text-align: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.productDetailWrapper .moudle2 li .ico{
	position: relative;
	top: 0;
	margin: 0 auto 30px;
	width: 118px;
	height: 118px;
	background-color: #03a2f2;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	overflow: hidden;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.productDetailWrapper .moudle2 li h1{
	margin-bottom: 15px;
	font-size: 28px;
	line-height: 46px;
	color: #fff;
}
.productDetailWrapper .moudle2 li p{
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	color: rgba(255,255,255,.6);
}
.productDetailWrapper .moudle2 li.li1 .ico{
	background-image: url(../images/p_detail_icon1.png);
}
.productDetailWrapper .moudle2 li.li2 .ico{
	background-image: url(../images/p_detail_icon2.png);
}
.productDetailWrapper .moudle2 li.li3 .ico{
	background-image: url(../images/p_detail_icon3.png);
}
.productDetailWrapper .moudle2 li:hover{
	background-color: #444;
}
.productDetailWrapper .moudle2 li:hover .ico{
	top: -15px;
}
.productDetailWrapper .moudle2Title{
	position: relative;
	padding: 4.68% 0;
	font-size: 40px;
	text-align: center;
	color: #fff;
	background-color: #03a2f2;
}
.productDetailWrapper .moudle2Title:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px;
	border-color: transparent transparent #03a2f2 transparent;
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -20px;
}
.productDetailWrapper .moudle3{
	background: url(../images/p_detail_bg.jpg) no-repeat center;
}
.productDetailWrapper .moudle3 .container{
	position: relative;
	top: 130px;
}
.productDetailWrapper .moudle3 .txt h1{
	margin-bottom: 50px;
	font-size: 40px;
	line-height: 46px;
	color: #fff;
	text-align: center;
}
.productDetailWrapper .moudle3 .txt p{
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
.productDetailWrapper .moudle3 .txt img{
	display: block;
	margin: 17% auto 0;
	max-width: 100%;
}
.productDetailWrapper .moudle4{
	padding: 230px 0 130px;
}
.productDetailWrapper .moudle4 h1{
	font-size: 40px;
	text-align: center;
	color: #444;
	margin-bottom: 30px;
}
.productDetailWrapper .moudle4 p{
	font-size: 18px;
	line-height: 32px;
	color: #444;
	text-align: center;
}
.productDetailWrapper .moudle4 img{
	display: block;
	margin: 7% auto 0;
	max-width: 100%;
}
.productDetailWrapper .moudle5{
	position: relative;
	/*padding: 75px 0 600px;*/
	padding: 75px 0 0;
	background-color: #333;
}
.productDetailWrapper .moudle5 h1{
	margin-bottom: 30px;
	font-size: 40px;
	color: #fff;
	text-align: center;
}
.productDetailWrapper .moudle5 p{
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	color: #fff;
}
.productDetailWrapper .moudle5 .icoList{
	margin: 55px 0 70px; 
	text-align: center;
	font-size: 0;
}
.productDetailWrapper .moudle5 .icoList li{
	display: inline-block;
	padding: 0 60px;
}
.productDetailWrapper .moudle5 .icoList li .ico{
	position: relative;
	top: 0;
	margin: 0 auto 20px;
	width: 100px;
	height: 100px;
	border: #03a2f2 solid 1px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.productDetailWrapper .moudle5 .icoList li p{
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	color: #03a2f2;
}
.productDetailWrapper .moudle5 .icoList li .ico1{
	background-image: url(../images/p_detail_icon4.png);
}
.productDetailWrapper .moudle5 .icoList li .ico2{
	background-image: url(../images/p_detail_icon5.png);
}
.productDetailWrapper .moudle5 .icoList li .ico3{
	background-image: url(../images/p_detail_icon6.png);
}
.productDetailWrapper .moudle5 .icoList li:hover .ico{
	top: -15px;
}
.productDetailWrapper .moudle5 .bottomImg{
	/*position: absolute;
	bottom: 0;
	width: auto;
	max-width: 100%;
	height: 580px;
	right: 0.001%;
	left: 0.001%;
	margin: 0 auto;*/
	display: block;
	width: 100%;
}
.productDetailWrapper .singleDown{
	padding: 60px 0;
}
.productDetailWrapper .singleDown h1{
	position: relative;
	padding-left: 30px;
	font-size:40px;
	color: #333;
	font-family: 'SimHei';
}
.productDetailWrapper .singleDown h1:before{
	content: '';
	width: 4px;
	height: 40px;
	position: absolute;
	left: 11px;
	top: 50%;
	margin-top: -20px;
	background-color: #016adb;
}
.productDetailWrapper .singleDown .downBtn{
	display: block;
	margin: 40px 0 0 30px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	background-color: #03a2f2;
	background-image: url(../images/icon_down_ico.png);
	background-position: 17px center;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #fff;
	text-indent: 45px;
}
.productDetailWrapper .singleDown .downBtn:hover{
	background-color: #0279b5;
}
.productDetailWrapper .nextProduct .container{
	border-top: #e5e5e5 solid 1px;
	padding: 60px 0 90px;
}
.productDetailWrapper .nextProduct .img{
	float: left;
	margin-right: 60px;
}
.productDetailWrapper .nextProduct .img img{
	display: block;
	margin: 0 auto;
}
.productDetailWrapper .nextProduct .info{
	position: relative;
	padding-right: 150px;
}
.productDetailWrapper .nextProduct .info .next{
	margin-top: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #666;
}
.productDetailWrapper .nextProduct .info h1{
	margin-top: 50px;
	font-size: 22px;
	line-height: 32px;
	color: #444;
}
.productDetailWrapper .nextProduct .info .num{
	font-size: 18px;
	line-height: 30px;
	color: #666;
	font-family: 'Arial';
}
.productDetailWrapper .nextProduct .info .goNext{
	position: absolute;
	right: 0;
	top: 50%;
	padding-right: 30px;
	margin-top: -15px;
	font-size: 18px;
	line-height: 30px;
	color: #0169da;
	background: url(../images/icon_arrow_right_blue.png) no-repeat right center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.productDetailWrapper .nextProduct .info .goNext:hover{
	padding-right: 15px;
}
.productDetailWrapper .nextProduct .info h1:hover a{
	color: #03a2f2;
}


/* casedetail */
.caseDetailWrapper{
	overflow: hidden;
}
.caseDetailWrapper .banner{
	position: relative;
	width: 100%;
	padding-top: 39%;
	background: url(../images/casedetail_banner.jpg) no-repeat center;
	background-size: cover;
}
.caseDetailWrapper .banner img{
	display: block;
	width: 100%;
}
.caseDetailWrapper .banner .imgLayer{
	position: absolute;
	width: 50%;
	height: 100%;
	background-color: #fff;
	background-color: rgba(255,255,255,.15);
	top: 0;
	right: 0;
}
.caseDetailWrapper .banner .imgLayer .imgInfo{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 50px;
	background-color: #49bcf6;
	background-color: rgba(73,188,246,.9);
	color: #fff;
}
.caseDetailWrapper .banner .imgLayer .imgInfo h1{
	margin-bottom: 30px;
	font-size: 46px;
	line-height: 46px;
	padding-bottom: 30px;
	border-bottom: #fff solid 2px;
	border-color: rgba(255,255,255,.8);
}
.caseDetailWrapper .banner .imgLayer .imgInfo p{
	font-size: 20px;
	line-height: 30px;
}
.caseDetailWrapper .banner .imgLayer .imgInfo p span{padding:0 5px;float:left;display:block}
.caseDetailWrapper .caseDetail{
	padding: 80px 0;
	background-color: #f5f5f5;
}
.caseDetailWrapper .caseDetail .item{
	height: 460px;
	margin-bottom: 40px;
}
.caseDetailWrapper .caseDetail .item:last-child{
	margin-bottom: 0;
}
.caseDetailWrapper .caseDetail .item .info,
.caseDetailWrapper .caseDetail .item .img{
	width: 50%;
	height: 100%;
}
.caseDetailWrapper .caseDetail .item .img{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.caseDetailWrapper .caseDetail .item .img:hover{
	background-size: 110% 110%;
}
.caseDetailWrapper .caseDetail .item .info{
	padding: 45px;
	background-color: #fff;
}
.caseDetailWrapper .caseDetail .item .info h1{
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 32px;
	color: #444;
}
.caseDetailWrapper .caseDetail .item .info h1:before{
	content: '';
	width: 30px;
	height: 2px;
	background-color: #0169da;
	position: absolute;
	bottom: 0;
	left: 0;
}
.caseDetailWrapper .caseDetail .item .info h1 span{
	display: block;
	height: 32px;
	overflow: hidden;
}
.caseDetailWrapper .caseDetail .item .info .txt{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	max-height: 180px;
	overflow: hidden;
}
.caseDetailWrapper .caseDetail .item .info .numList{
	margin-top: 30px;
	overflow: hidden;
}
.caseDetailWrapper .caseDetail .item .info .numList li{
	float: left;
	padding: 0 30px;
	border-right: #e0e0e0 solid 1px;
	margin-bottom:15px;
}
.caseDetailWrapper .caseDetail .item .info .numList li:last-child{
	border-right: 0;
}
.caseDetailWrapper .caseDetail .item .info .numList li p{
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.caseDetailWrapper .caseDetail .item .info .numList li .num i{
	font-family: 'Reznor';
	font-size: 40px;
	line-height: 1;
	color: #016ada;
}
.caseDetailWrapper .caseDetail .item .img1{
	background-image: url(../images/casedetail-img1.jpg);
}
.caseDetailWrapper .caseDetail .item .img2{
	background-image: url(../images/casedetail-img2.jpg);
}
.caseDetailWrapper .caseDetail .item .img3{
	background-image: url(../images/casedetail-img3.jpg);
}

.caseDetailWrapper .caseDetail .item.right .img,
.caseDetailWrapper .caseDetail .item.right .info{
	float: right;
}
.caseDetailWrapper .caseDetail .item.left .img,
.caseDetailWrapper .caseDetail .item.left .info{
	float: left;
}


/* company */
.AboutWrapper{
	background-color: #f5f5f5;
	padding-bottom: 70px;
}
.AboutWrapper .SecondNav{
	position: relative;
	overflow: hidden;
}
.AboutWrapper .SecondNav a{
	float: left;
	width: 20%;
	height: 100px;
	line-height: 100px;
	font-size: 18px;
	color: #666;
	background-color: #fff;
	text-align: center;
}
.AboutWrapper .SecondNav a.active,
.AboutWrapper .SecondNav a:hover{
	background-color: #016cdd;
	color: #fff;
}
.companyWrapper{
	overflow: hidden;
}
.companyWrapper .banner{
	position: relative;
	width: 100%;
	height: 800px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.companyWrapper .banner .group{
	position: absolute;
	width: 86%;
	max-width: 1280px;
	bottom: 60px;
}
.companyWrapper .banner .item1{
	padding: 35px 0;
	border-bottom: #fff solid 1px;
	border-color: rgba(255,255,255,.3);
}
.companyWrapper .banner .item1 .left,
.companyWrapper .banner .item1 .right{
	float: left;
	width: 50%;
	color: #fff;
}
.companyWrapper .banner .item1 .left{
	font-family: 'SimHei';
}
.companyWrapper .banner .item1 .left h1{
	font-size: 50px;
}
.companyWrapper .banner .item1 .left p{
	margin: 75px 0 10px;
	font-size: 16px;
	line-height: 26px;
}
.companyWrapper .banner .item1 .left h2{
	font-size: 22px;
	line-height: 26px;
}
.companyWrapper .banner .item1 .right .list{
	overflow: hidden;
}
.companyWrapper .banner .item1 .right .list li{
	float: left;
	width: 33.33%;
}
.companyWrapper .banner .item1 .right .list li p{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
.companyWrapper .banner .item1 .right .list li h1{
	margin-top: 20px;
	font-size: 80px;
	line-height: 90px;
	text-align: center;
	font-family: 'Reznor';
}
.companyWrapper .banner .item2{
	margin-top: 50px;
}
.companyWrapper .banner .item2 .left,
.companyWrapper .banner .item2 .right{
	float: left;
	width: 50%;
}
.companyWrapper .banner .item2 .left{
	color: #fff;
}
.companyWrapper .banner .item2 .left h1{
	margin-bottom: 30px;
	font-size: 30px;
	font-family: 'SimHei';
}
.companyWrapper .banner .item2 .left p{
	font-size: 16px;
	line-height: 30px;
}
.companyWrapper .banner .item2 .left .address{
	margin-top: 70px;
	padding-left: 30px;
	background: url(../images/company_icon1.png) no-repeat left center;
}
.companyWrapper .banner .item2 .right{
	overflow: hidden;
}
.companyWrapper .banner .item2 .right img{
	float: right;
	max-width: 100%;
}
.companyWrapper .companyAbout{
	padding: 8.3% 0 13.5%;
}
.companyWrapper .companyAbout .container{
	display: table;
}
.companyWrapper .companyAbout .aboutInfo,
.companyWrapper .companyAbout .aboutImg{
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}
.companyWrapper .companyAbout .aboutInfo h1{
	position: relative;
	padding-bottom: 30px;
}
.companyWrapper .companyAbout .aboutInfo h1:before{
	content: '';
	width: 34px;
	height: 2px;
	background-color: #db261f;
	position: absolute;
	left: 0;
	bottom: 0;
}
.companyWrapper .companyAbout .aboutInfo h1 span{
	font-size: 30px;
	color: #333;
}
.companyWrapper .companyAbout .aboutInfo p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.companyWrapper .companyAbout .aboutInfo h2{
	margin-top: 45px;
	font-size: 22px;
	line-height: 30px;
	color: #333;
}
.companyWrapper .companyAbout .aboutInfo .icoList{
	margin-top: 40px;
	overflow: hidden;
}
.companyWrapper .companyAbout .aboutInfo .icoList li{
	float: left;
	width: 20%;
	text-align: center;
}
.companyWrapper .companyAbout .aboutInfo .icoList li .ico{
	margin: 0 auto;
	width: 60px;
	height: 60px;
	background-position: center;
	background-repeat: no-repeat;
}
.companyWrapper .companyAbout .aboutInfo .icoList li .ico1{
	background-image: url(../images/company_icon2.png);
}
.companyWrapper .companyAbout .aboutInfo .icoList li .ico2{
	background-image: url(../images/company_icon3.png);
}
.companyWrapper .companyAbout .aboutInfo .icoList li .ico3{
	background-image: url(../images/company_icon4.png);
}
.companyWrapper .companyAbout .aboutInfo .icoList li .ico4{
	background-image: url(../images/company_icon5.png);
}
.companyWrapper .companyAbout .aboutInfo .icoList li .ico5{
	background-image: url(../images/company_icon6.png);
}
.companyWrapper .companyAbout .aboutInfo .icoList li p{
	font-size: 20px;
	line-height: 30px;
	color: #444;
}
.companyWrapper .companyAbout .aboutImg{
	padding-left: 60px;
}
.companyWrapper .companyAbout .aboutImg img{
	display: block;
	max-width: 100%;
}
.companyWrapper .companyInfo{
	background: url(../images/company-bg.jpg) no-repeat center;
	background-size: cover;
}
.companyWrapper .companyInfo .infoBox{
	position: relative;
	top: -100px;
	margin-bottom: -100px;
	float: left;
	width: 50%;
	padding: 45px;
	background-color: #fff;
}
.companyWrapper .companyInfo .infoBox h1{
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 25px;
}
.companyWrapper .companyInfo .infoBox h1:before{
	content: '';
	width: 34px;
	height: 2px;
	background-color: #0169da;
	position: absolute;
	bottom: 0;
	left: 0;
}
.companyWrapper .companyInfo .infoBox h1 span{
	font-size: 30px;
	font-family: 'SimHei';
	color: #333;
}
.companyWrapper .companyInfo .infoBox p{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	text-align: justify;
}
.companyWrapper .companyInfo .infoList{
	float: right;
	width: 28%;
}
.companyWrapper .companyInfo .infoList li{
	padding: 70px 0;
	border: #fff solid 1px;
	border-top: 0;
	border-color: rgba(255,255,255,.2);
	text-align: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.companyWrapper .companyInfo .infoList li h1{
	font-size: 30px;
	color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.companyWrapper .companyInfo .infoList li p{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.companyWrapper .companyInfo .infoList li:hover{
	background-color: #fff;
}
.companyWrapper .companyInfo .infoList li:hover h1,
.companyWrapper .companyInfo .infoList li:hover p{
	color: #081a51;
}
.companyWrapper .companyList{
	padding: 90px 0 30px;
}
.companyWrapper .companyList .title{
	position: relative;
	padding-bottom: 25px;
}
.companyWrapper .companyList .title:before{
	content: '';
	width: 34px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #0169da;
}
.companyWrapper .companyList .title span{
	font-size: 40px;
	font-family: 'SimHei';
	color: #444;
}
.companyWrapper .swiperBox{
	position: relative;
}
.companyWrapper .swiperCompany{
	margin-top: 50px;
}
.companyWrapper .swiperCompany .itemBox{
	padding: 60px 10px 10px;
}
.companyWrapper .swiperCompany .itemBox .item{
	position: relative;
	box-sizing: 0 8px 10px rgba(0,0,0,.3);
}
.companyWrapper .swiperCompany .itemBox .item .img{
	position: relative;
	width: 100%;
	height: 240px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.companyWrapper .swiperCompany .itemBox .item .img:before{
	content: '';
	width: 100%;
	height: 100%;
	background-color: #12235d;
	opacity: 0.6;
	filter: alpha( opacity=60 );
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}
.companyWrapper .swiperCompany .itemBox .item .info{
	height: 110px;
	padding: 15px;
	background-color: #fff;
	box-sizing: border-box;
}
.companyWrapper .swiperCompany .itemBox .item h1{
	position: relative;
	margin-top: 15px;
	text-align: center;
	padding-bottom: 10px;
}
.companyWrapper .swiperCompany .itemBox .item h1:before{
	content: '';
	width: 24px;
	height: 2px;
	background-color: #0c76dd;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: 0;
}
.companyWrapper .swiperCompany .itemBox .item h1 span{
	font-size: 22px;
	line-height: 40px;
	color: #444;
}
.companyWrapper .swiperCompany .itemBox .item .Ico{
	position: absolute;
	top: 65px;
	left: 0.001%;
	right: 0.001%;
	margin: 0 auto;
	width: 98px;
	height: 112px;
	z-index: 5;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.companyWrapper .swiperCompany .itemBox .item .Ico:before{
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/company_bg.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
}
.companyWrapper .swiperCompany .itemBox .item .Ico:after{
	content: '';
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.companyWrapper .swiperCompany .itemBox .item .layer{
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 4;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.companyWrapper .swiperCompany .itemBox .item .layer .table{
	width: 100%;
	display: table;
	box-sizing: border-box;
}
.companyWrapper .swiperCompany .itemBox .item .layer .table .tableCell{
	display: table-cell;
	vertical-align: middle;
}
.companyWrapper .swiperCompany .itemBox .item .layer .top{
	height: 200px;
	background-color: #016adb;
	background-color: rgba(1,106,219,.8);
}
.companyWrapper .swiperCompany .itemBox .item .layer h1:before{
	background-color: #fff;
}
.companyWrapper .swiperCompany .itemBox .item .layer .top h1 span{
	color: #fff;
}
.companyWrapper .swiperCompany .itemBox .item .layer .bottom{
	height: 150px;
	background-color: #fff;
	padding: 0 30px;
	border-bottom: 3px solid #db261f;
}
.companyWrapper .swiperCompany .itemBox .item .layer .bottom p{
	font-size: 16px;
	line-height: 28px;
	color: #666;
	text-align: center;
}
.companyWrapper .swiperCompany .itemBox .item:hover .layer{
	opacity: 1;
	filter: alpha(opacity=100);
}
.companyWrapper .swiperCompany .itemBox .item:hover .Ico{
	top: -56px;
}
.companyWrapper .swiperCompany .itemBox .item:hover .Ico:before{
	background-image: url(../images/company_bgon.png);
}
.companyWrapper .swiperCompany .itemBox .item .ico1:after{
	background-image: url(../images/company_icon7.png);
}
.companyWrapper .swiperCompany .itemBox .item:hover .ico1:after{
	background-image: url(../images/company_icon7on.png);
}
.companyWrapper .swiperCompany .itemBox .item .ico2:after{
	background-image: url(../images/company_icon8.png);
}
.companyWrapper .swiperCompany .itemBox .item:hover .ico2:after{
	background-image: url(../images/company_icon8on.png);
}
.companyWrapper .swiperCompany .itemBox .item .ico3:after{
	background-image: url(../images/company_icon9.png);
}
.companyWrapper .swiperCompany .itemBox .item:hover .ico3:after{
	background-image: url(../images/company_icon9on.png);
}
.companyWrapper .swiperCompany .itemBox .item .ico4:after{
	background-image: url(../images/company_icon10.png);
}
.companyWrapper .swiperCompany .itemBox .item:hover .ico4:after{
	background-image: url(../images/company_icon10on.png);
}
.companyWrapper .swiperBox .tab{
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #1a77dc;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	z-index: 3;
}
.companyWrapper .swiperBox .tab:hover{
	background-color: #0351a7;
}
.companyWrapper .swiperBox .tabPrev{
	left: -100px;
	background-image: url(../images/icon_prev_2.png);
}
.companyWrapper .swiperBox .tabNext{
	right: -100px;
	background-image: url(../images/icon_next_2.png);
}








/* honor */
.AboutHonor .BannerImg{
	position: relative;
}
.AboutHonor .BannerImg img{
	display: block;
	width: 100%;
}
.AboutHonor .honorBox{
	padding-bottom: 90px;
	background-color: #f5f5f5;
	overflow: hidden;
}
.AboutHonor .timeList{
	position: relative;
	margin-top: 65px;
}
.AboutHonor .timeList:before{
	content: '';
	width: 1px;
	height: 100%;
	background-color: #dadada;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -.5px;
}
.AboutHonor .timeList .year{
	position: relative;
	margin: 0 auto 50px;
	width: 150px;
	height: 150px;
	border: #e2e2e2 solid 2px;
	border-radius: 50%;
	background-color: #f5f5f5;
	overflow: hidden;
}
.AboutHonor .timeList .year p{
	font-size: 14px;
	line-height: 30px;
	color: #999;
	text-align: center;
}
.AboutHonor .timeList .year .num{
	margin-top: 48px;
	margin-bottom: 10px;
	font-size: 46px;
	color: #046cdb;
}
.AboutHonor .timeList .year p:last-child{
	letter-spacing: 5px;
}
.AboutHonor .timeList li{
	position: relative;
}
.AboutHonor .timeList li .group{
	position: relative;
	width: 50%;
}
.AboutHonor .timeList li .group:before{
	content: '';
	width: 12px;
	height: 12px;
	border: #dadada solid 1px;
	background-color: #f5f5f5;
	border-radius: 50%;
	top: 50%;
	margin-top: -6px;
	position: absolute;
}
.AboutHonor .timeList li .group .item{
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.AboutHonor .timeList li .group .item img{
	display: block;
	width: 100%;
}
.AboutHonor .timeList li .group .item p{
	margin-top: 25px;
	font-size: 18px;
	line-height: 30px;
	color: #666;
}
.AboutHonor .timeList li .group .point{
	position: absolute;
	top: 50%;
	margin-top: -15px;
	font-size: 20px;
	line-height: 30px;
	color: #999;
}
.AboutHonor .timeList li.left .group{
	float: left;
	padding: 0 100px 0 40px;
}
.AboutHonor .timeList li.left .group:before{
	right: -6px;
}
.AboutHonor .timeList li.left .group .point{
	right: 18px;
}
.AboutHonor .timeList li.right .group{
	float: right;
	padding: 0 40px 0 100px;
}
.AboutHonor .timeList li.right .group:before{
	left: -6px;
}
.AboutHonor .timeList li.right .group .point{
	left: 18px;
}
.AboutHonor .timeMore{
	margin: 50px auto 0;
	width: 50px;
	height: 39px;
	background: url(../images/icon_time_more.png) no-repeat center;
	cursor: pointer;
}
.AboutHonor .yearFloor{
	position: fixed;
	top: 55%;
	right: 50px;
	z-index: 98;
	width: 135px;
	display: none;
	transform: translateY(-50%);
}
.AboutHonor .yearFloor a{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #666;
	text-align: center;
	background-color: #fff;
	margin-bottom: 3px;
	font-family: 'Arial';
}
.AboutHonor .yearFloor a.active,
.AboutHonor .yearFloor a:hover{
	color: #fff;
	background-color: #046cdb;
}


/* activity */
.AboutActivity .BannerImg{
	position: relative;
}
.AboutActivity .BannerImg img{
	display: block;
	width: 100%;
}
.AboutActivity .activityBox .title{
	position: relative;
	padding-bottom: 20px;
	margin: 70px 0;
	font-size: 32px;
	color: #333;
}
.AboutActivity .activityBox .title:before{
	content: '';
	width: 37px;
	height: 2px;
	background-color: #3287e2;
	position: absolute;
	bottom: 0;
	left: 0;
}
.AboutActivity .logoBox{
	overflow: hidden;
}
.AboutActivity .logoBox li{
	float: left;
	display: table;
	width: 18.75%;
	height: 100px;
	background-color: #fff;
	border: #ccc solid 1px;
	margin-right: 1.25%;
	margin-bottom: 1.25%;
	overflow: hidden;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	box-sizing: border-box;
}
.AboutActivity .logoBox li:hover{
	border-color: #016cdd;
}
.AboutActivity .logoBox li:nth-of-type(5n+5){
	margin-right: 0;
}
.AboutActivity .logoBox li .tableCell{
	display: table-cell;
	vertical-align: middle;
	height: 140px;
}
.AboutActivity .logoBox li .tableCell img{
	display: block;
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
}
.AboutActivity .controlBox{
	margin-top: 60px;
	font-size: 0;
	text-align: center;
}
.AboutActivity .controlBox a,
.AboutActivity .controlBox span{
	display: inline-block;
	user-select: none;
  -ms-user-select:none;
  -webkit-user-select:none;
}
.AboutActivity .controlBox a{
	width: 11px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.AboutActivity .controlBox a.pc_prev{
	background-image: url(../images/icon_prev_1.png);
}
.AboutActivity .controlBox a.pc_prev:hover{
	background-image: url(../images/icon_prev_1on.png);
}
.AboutActivity .controlBox a.pc_next{
	background-image: url(../images/icon_next_1.png);
}
.AboutActivity .controlBox a.pc_next:hover{
	background-image: url(../images/icon_next_1on.png);
}
.AboutActivity .controlBox span{
	margin: 0 22px;
	font-size: 22px;
	color: #999;
}
.AboutActivity .controlBox span i{
	padding: 0 5px;
}
.AboutActivity .controlBox span .current{
	font-size: 28px;
	color: #666;
}
.AboutActivity .phoneActivity{
	display: none;
}

/* news */
.newsWrapper{
	background-color: #f2f2f2;
	padding-bottom: 65px;
	overflow: hidden;
}
.newsWrapper .banner{
	position: relative;
	width: 100%;
	padding-top: 39%;
	background: url(../images/new_banner.jpg) no-repeat center;
	background-size: cover;
}
.newsWrapper .banner img{
	display: block;
}
.newsWrapper .newsBox .newsType{
	overflow: hidden;
}
.newsWrapper .newsBox .newsType a{
	float: left;
	width: 33.3%;
	height: 100px;
	line-height: 100px;
	background-color: #fff;
	text-align: center;
	font-size: 18px;
	color: #666;
}
.newsWrapper .newsBox .newsType a.active,
.newsWrapper .newsBox .newsType a:hover{
	background-color: #016cdd;
	color: #fff;
}
.newsWrapper .singleNew{
	margin-top: 60px;
	padding: 20px;
	background-color: #fff;
	overflow: hidden;
}
.newsWrapper .singleNew .newSlide{
	float: left;
	width: 50%;
}
.newsWrapper .singleNew .newSlide .single{
	position: relative;
	display: block;
	width: 100%;
	height: 430px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.newsWrapper .singleNew .newSlide .single .info{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 45%;
	padding: 25px;
	background-color: #03a2f2;
	background-color: rgba(3,162,242,.8);
	color: #fff;
	overflow: hidden;
	box-sizing: border-box;
}
.newsWrapper .singleNew .newSlide .single .info h1{
	font-size: 20px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsWrapper .singleNew .newSlide .single .info p{
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	font-family: 'Arial';
}
.newsWrapper .singleNew .newSlide .pagination{
	position: absolute;
	right: 0;
	bottom: 27px;
	z-index: 9;
	width: 45%;
	text-align: left;
	padding: 0 25px;
	font-size: 0;
}
.newsWrapper .singleNew .newSlide .pagination span{
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	background-color: rgba(255,255,255,.5);
	border-radius: 50%;
	margin: 0 4px;
	cursor: pointer;
}
.newsWrapper .singleNew .newSlide .pagination span.swiper-active-switch{
	background-color: #fff;
}
.newsWrapper .singleNew .newsHot{
	float: left;
	width: 50%;
	padding-left: 20px;
}
.newsWrapper .singleNew .newsHot li{
	margin-bottom: 20px;
	padding: 23px 30px;
	background-color: #f2f2f2;
	overflow: hidden;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.newsWrapper .singleNew .newsHot li:last-child{
	margin-bottom: 0;
}
.newsWrapper .singleNew .newsHot li .time{
	float: left;
	margin-right: 30px;
}
.newsWrapper .singleNew .newsHot li .time h1{
	padding: 0 8px 5px 8px;
	font-size: 40px;
	color: #666;
	border-bottom: #d4d4d4 solid 1px;
	font-family: 'Reznor';
}
.newsWrapper .singleNew .newsHot li .time p{
	margin-top: 8px;
	font-family: 'Arial';
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: center;
}
.newsWrapper .singleNew .newsHot li .info h1{
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
}
.newsWrapper .singleNew .newsHot li .info p{
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #777;
	height: 48px;
	overflow: hidden;
}
.newsWrapper .singleNew .newsHot li:hover{
	background-color: #03a2f2;
}
.newsWrapper .singleNew .newsHot li:hover .info p,
.newsWrapper .singleNew .newsHot li:hover .info h1,
.newsWrapper .singleNew .newsHot li:hover .time h1,
.newsWrapper .singleNew .newsHot li:hover .time p{
	color: #fff;
}
.newsWrapper .singleNew .newsHot li:hover .time h1{
	border-color: #fff;
}
.newsWrapper .newsList li{
	float: left;
	width: 31.8%;
	padding: 0 25px 30px;
	background-color: #fff;
	margin-right: 2.3%;
	margin-bottom: 2.3%;
	overflow: hidden;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.newsWrapper .newsList li:nth-of-type(3n+3){
	margin-right: 0;
}
.newsWrapper .newsList li:nth-last-child(-n+3){
	margin-bottom: 0;
}
.newsWrapper .newsList li .title{
	position: relative;
	padding: 26px 120px 26px 0;
}
.newsWrapper .newsList li .title h1{
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	font-weight: bold;
	color: #333;
	overflow: hidden;
}
.newsWrapper .newsList li .title .time{
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	padding: 16px 18px 0;
	height: 100px;
	background-color: #bebebe;
	text-align: center;
	color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.newsWrapper .newsList li .title .time:before,
.newsWrapper .newsList li .title .time:after{
	content: '';
	width: 11px;
	height: 13px;
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	position: absolute;
	top: 0;
}
.newsWrapper .newsList li .title .time:before{
	left: 28px;
}
.newsWrapper .newsList li .title .time:after{
	right: 28px;
}
.newsWrapper .newsList li .title .time h2{
	font-size: 36px;
	border-bottom: #fff solid 1px;
}
.newsWrapper .newsList li .title .time p{
	margin-top: 4px;
	font-size: 14px;
	line-height: 30px;
	font-family: 'Arial';
}
.newsWrapper .newsList li .img{
	display: block;
	margin: 20px 0;
	overflow: hidden;
}
.newsWrapper .newsList li .img img{
	display: block;
	width: 100%;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.newsWrapper .newsList li .txt{
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	color: #777;
	overflow: hidden;
}
.newsWrapper .newsList li .more{
	display: block;
	margin-top: 40px;
	width: 118px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #999;
	border: #d3d3d3 solid 1px;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.newsWrapper .newsList li .title h1:hover a{
	color: #03a2f2;
}
.newsWrapper .newsList li:hover{
	box-shadow: 0 10px 30px rgba(0,0,0,.2);
}
.newsWrapper .newsList li .img:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.newsWrapper .newsList li .more:hover{
	border-color: #03a2f2;
	color: #03a2f2;
}
.newsWrapper .newsList li:hover .title .time{
	background-color: #1f7bd1;
	color: #fff;
}
.newsWrapper .PageBar{
	margin-top: 80px;
}

.PageBar{
	height: 70px;
	/*border: #d7d7d7 solid 1px;*/
	border-left: 0;
	border-right: 0;
}
.PageBar .num{
	position: relative;
	top: -1px;
	margin-left: -1px;
	float: left;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border: #d7d7d7 solid 1px;
	font-size: 22px;
	font-family: 'Arial';
	color: #666;
	text-align: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.PageBar .num:not(.dots):hover,
.PageBar .num.active{
	background-color: #016bdd;
	color: #fff;
	border-color: #016bdd;
}
.PageBar .num.dots{
	border-right: 0;
}
.PageBar .arrow{
	float: right;
	position: relative;
	width: 70px;
	height: 70px;
	line-height: 70px;
	top: -1px;
	margin-right: -1px;
	border: #d7d7d7 solid 1px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}
.PageBar .arrowPrev{
	background-image: url(../images/icon_prev_1.png);
}
.PageBar .arrowPrev:hover{
	background-image: url(../images/icon_prev_1on.png);
}
.PageBar .arrowNext{
	background-image: url(../images/icon_next_1.png);
}
.PageBar .arrowNext:hover{
	background-image: url(../images/icon_next_1on.png);
}

/* recruit */
.recruitWrapper .banner{
	width: 100%;
	padding-top: 39%;
	background: url(../images/recruit_banner.jpg) no-repeat center;
	background-size: cover;
}
.recruitWrapper .banner .container{
	position: relative;
}
.recruitWrapper .banner .info{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px 50px 0;
	background-color: #49bcf6;
	background-color: rgba(73,188,246,.9);
	color: #fff;
}
.recruitWrapper .banner .info h1{
	font-size: 46px;
	padding-bottom: 20px;
	border-bottom: #fff solid 2px;
	border-color: rgba(255,255,255,.8);
}
.recruitWrapper .banner .info p{
	margin-bottom: 30px;
	margin-top: 15px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
.recruitWrapper .recruitBox{
	padding-top: 80px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
}
.recruitWrapper .recruitBox .recruitList{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
.recruitWrapper .recruitBox .recruitList li{
	float: left;
	width: 100%;
	padding: 25px;
	margin-right: 2%;
	margin-bottom: 2%;
	background-color: #fff;
	overflow: hidden;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.recruitWrapper .recruitBox .recruitList li:nth-of-type(even){
	margin-right: 0;
}
.recruitWrapper .recruitBox .recruitList li:nth-last-child(-n+2){
	/*margin-bottom: 0;*/
}
.recruitWrapper .recruitBox .recruitList li h1{
	margin-bottom: 24px;
	font-size: 26px;
	padding-bottom: 20px;
	border-bottom: #ddd solid 1px;
}
.recruitWrapper .recruitBox .recruitList li h1 span{
	display: block;
	height: 36px;
	line-height: 36px;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.recruitWrapper .recruitBox .recruitList li p{
	font-size: 16px;
	line-height: 34px;
	color: #777;
	overflow: hidden;
}
.recruitWrapper .recruitBox .recruitList li p span{
	float: left;
	width: 50%;
}
.recruitWrapper .recruitBox .recruitList li p.hiddenTxt{
	display: none;
}
.recruitWrapper .recruitBox .recruitList li .more{
	display: block;
	margin-top: 35px;
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: #ddd solid 1px;
	font-size: 14px;
	color: #999;
	border-radius: 4px;
}
.recruitWrapper .recruitBox .recruitList li:hover{
	background-color: #016adb;
	box-shadow: 0 5px 10px rgba(1,106,219,.3);
}
.recruitWrapper .recruitBox .recruitList li:hover h1 span,
.recruitWrapper .recruitBox .recruitList li:hover p{
	color: #fff;
}
.recruitWrapper .recruitBox .recruitList li:hover .more{
	background-color: #06a2f3;
	border-color: #06a2f3;
	color: #fff;
}
.recruitWrapper .recruitBox .controlBox{
	margin-top: 60px;
	font-size: 0;
	text-align: center;
}
.recruitWrapper .recruitBox .controlBox a,
.recruitWrapper .recruitBox .controlBox span{
	display: inline-block;
	user-select: none;
  -ms-user-select:none;
  -webkit-user-select:none;
}
.recruitWrapper .recruitBox .controlBox a{
	width: 11px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.recruitWrapper .recruitBox .controlBox a.pc_prev{
	background-image: url(../images/icon_prev_1.png);
}
.recruitWrapper .recruitBox .controlBox a.pc_prev:hover{
	background-image: url(../images/icon_prev_1on.png);
}
.recruitWrapper .recruitBox .controlBox a.pc_next{
	background-image: url(../images/icon_next_1.png);
}
.recruitWrapper .recruitBox .controlBox a.pc_next:hover{
	background-image: url(../images/icon_next_1on.png);
}
.recruitWrapper .recruitBox .controlBox span{
	margin: 0 22px;
	font-size: 22px;
	color: #999;
}
.recruitWrapper .recruitBox .controlBox span i{
	padding: 0 5px;
}
.recruitWrapper .recruitBox .controlBox span .current{
	font-size: 28px;
	color: #016adb;
}
.recruitWrapper .swiperRecruitPhone{
	display: none;
}

.recruitWrapper .recruitBottom{
	padding: 10px 0 140px;
	background-color: #fff;
}
.recruitWrapper .recruitBottom h1.title{
	margin: 50px 0;
	font-size: 36px;
	color: #444;
	text-align: center;
}
.recruitWrapper .recruitBottom .moudel1{
	overflow: hidden;
}
.recruitWrapper .recruitBottom .moudel1 .img,
.recruitWrapper .recruitBottom .moudel1 .info{
	width: 50%;
	height: 650px;
}
.recruitWrapper .recruitBottom .moudel1 .img{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.recruitWrapper .recruitBottom .moudel1 .info .tit{
	background-color: #016adb;
	padding: 50px 10% 60px 33%;
	height: 210px;
}
.recruitWrapper .recruitBottom .moudel1 .info .tit img{
	display: block;
}
.recruitWrapper .recruitBottom .moudel1 .info .tit p{
	margin-top: 30px;
	font-size: 22px;
	line-height: 24px;
	color: #fff;
}
.recruitWrapper .recruitBottom .moudel1 .infoCont{
	height: 430px;
}
.recruitWrapper .recruitBottom .moudel1 .infoCont .box{
	position: relative;
	padding-top: 30px;
	overflow: hidden;
}
.recruitWrapper .recruitBottom .moudel1 .infoCont .box:before{
	content: '';
	width: 30px;
	height: 2px;
	background-color: #3488e2;
	position: absolute;
	top: 20px;
	left: 0;
}
.recruitWrapper .recruitBottom .moudel1 .infoCont .box p{
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.recruitWrapper .recruitBottom .moudel1  .item.right .img,
.recruitWrapper .recruitBottom .moudel1  .item.right .info{
	float: right;
}
.recruitWrapper .recruitBottom .moudel1  .item.right .infoCont{
		padding: 35px 10% 35px 33%;
}
.recruitWrapper .recruitBottom .moudel1  .item.left .img,
.recruitWrapper .recruitBottom .moudel1  .item.left .info{
	float: left;
}
.recruitWrapper .recruitBottom .moudel1  .item.left .infoCont{
		padding: 35px 33% 35px 10%;
}
.recruitWrapper .recruitBottom .moudel2{
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../images/recruit-img3.jpg);
}
.recruitWrapper .recruitBottom .moudel2 .group{
	overflow: hidden;
}
.recruitWrapper .recruitBottom .moudel2 .group .itemImg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.recruitWrapper .recruitBottom .moudel2 .group .itemImg:hover{
	background-size: 110% 110%;
}
.recruitWrapper .recruitBottom .moudel2 .group .item{
	height: 340px;
}
.recruitWrapper .recruitBottom .moudel2 .group .left{
	float: left;
	width: 50%;
}
.recruitWrapper .recruitBottom .moudel2 .group .left .bottom{
	overflow: hidden;
}
.recruitWrapper .recruitBottom .moudel2 .group .left .bottom .item{
	float: left;
	width: 50%;
}
.recruitWrapper .recruitBottom .moudel2 .group .center{
	float: left;
	width: 25%;
}
.recruitWrapper .recruitBottom .moudel2 .group .center .useritem{
	background-color: #016adb;
	background-image: url(../images/recruit_icon3.png);
	background-position: center 100px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.recruitWrapper .recruitBottom .moudel2 .group .center .useritem p{
	margin-top: 170px;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	color: #fff;
}
.recruitWrapper .recruitBottom .moudel2 .group .right.itemImg{
	float: left;
	width: 25%;
	height: 680px;
}

body.hidden{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.windowLayer{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #000;
	opacity: .9;
	filter: alpha(opacity=90);
	top: 0;
	left: 0;
	display: none;
}
.recruitPop{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -430px;
	width: 860px;
	height: 520px;
	padding: 50px 25px 25px;
	background-color: #fff;
	z-index: 101;
}
.recruitPop .Close{
	position: absolute;
	width: 32px;
	height: 32px;
	background: url(../images/icon_close.png) no-repeat center;
	cursor: pointer;
	top: 10px;
	right: 10px;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.recruitPop .Close:hover{
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
}
.recruitPop .box{
	width: 100%;
	height: 100%;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto;
}
.recruitPop .box .list{
	overflow: hidden;
}
.recruitPop .box .list li{
	float: left;
	width: 33.33%;
	padding-left: 20px;
}
.recruitPop .box .list li h1{
	position: relative;
	font-size: 16px;
	color: #333;
	height: 30px;
	line-height: 30px;
}
.recruitPop .box .list li h1:before{
	content: '';
	width: 15px;
	height: 2px;
	background-color: #046cdb;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -1px;
}
.recruitPop .box .list li p{
	font-size: 14px;
	color: #999;
}
.recruitPop .box .item{
	margin-top: 35px;
}
.recruitPop .box .item h1{
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	border-bottom: #e9e9e9 solid 1px;
}
.recruitPop .box .item p{
	font-size: 14px;
	line-height: 24px;
	color: #777;
}
.recruitPop .box .deliverBtn{
	display: block;
	margin: 30px auto 0;
	width: 180px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border-radius: 6px;
	background-color: #046cdb;
	font-size: 14px;
	color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.recruitPop .box .deliverBtn:hover{
	box-shadow: 0 5px 15px rgba(4,108,219,.3);
}






/* agent */
.agentWrapper .banner{
	background-image: url(../images/agent_banner.jpg);
}
.agentWrapper .agentInfo{
	padding: 65px 0;
}
.agentWrapper .agentInfo h1{
	position: relative;
	padding-bottom: 30px;
}
.agentWrapper .agentInfo h1:before{
	content: '';
	position: absolute;
	width: 28px;
	height: 2px;
	background-color: #db261f;
	bottom: 0;
	left: 50%;
	margin-left: -14px;
}
.agentWrapper .agentInfo h1 span{
	display: block;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color: #444;
}
.agentWrapper .agentInfo p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
.agentWrapper .agentBox{
	overflow: hidden;
}
.agentWrapper .agentBox .img{
	float: left;
	padding-top: 5.7%;
	width: 50%;
	height: 835px;
	background: url(../images/agent-img1.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
}
.agentWrapper .agentBox .img span{
	display: inline-block;
	padding-left: 45px;
	color: #fff;
	text-align: left;
}
.agentWrapper .agentBox .img span h1{
	position: relative;
	font-size: 50px;
}
.agentWrapper .agentBox .img span h1:before{
	content: '';
	width: 26px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: -45px;
}
.agentWrapper .agentBox .img span p{
	margin-top: 20px;
	font-size: 26px;
}
.agentWrapper .agentBox .typeBox{
	float: left;
	width: 50%;
}
.agentWrapper .agentBox .typeBox .typeTitle{
	overflow: hidden;
}
.agentWrapper .agentBox .typeBox .typeTitle a{
	float: left;
	width: 50%;
	height: 300px;
	line-height: 300px;
	font-size: 0;
	text-align: center;
	background-color: #35b284;
}
.agentWrapper .agentBox .typeBox .typeTitle a.active{
	background-color: #0d70dc;
}
.agentWrapper .agentBox .typeBox .typeTitle a span{
	display: inline-block;
	height: 50px;
	line-height: 2.8;
	padding-left: 65px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 26px;
	color: #fff;
}
.agentWrapper .agentBox .typeBox .typeTitle a.ico1 span{
	background-image: url(../images/agent_icon1.png);
}
.agentWrapper .agentBox .typeBox .typeTitle a.ico2 span{
	background-image: url(../images/agent_icon2.png);
}
.agentWrapper .agentBox .typeBox .typeCont{
	height: 535px;
	padding: 10%;
}
.agentWrapper .agentBox .typeBox .typeCont .typeTab{
	display: none;
}
.agentWrapper .agentBox .typeBox .typeCont h1{
	position: relative;
	padding-bottom: 20px;
	font-size: 30px;
	line-height: 32px;
	color: #0d70dc;
	margin-bottom: 20px;
}
.agentWrapper .agentBox .typeBox .typeCont h1:before{
	content: '';
	width: 28px;
	height: 2px;
	background-color: #016bdd;
	position: absolute;
	left: 0;
	bottom: 0;
}
.agentWrapper .agentBox .typeBox .typeCont p{
	position: relative;
	padding-left: 15px;
	font-size: 14px;
	line-height: 32px;
	color: #666;
}
.agentWrapper .agentBox .typeBox .typeCont p:before{
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #ccc;
	position: absolute;
	top: 13px;
	left: 0;
}
.agentWrapper .agentStep{
	background: url(../images/agent-img2.jpg) fixed no-repeat center;
	background-size: cover;
	padding: 3.6% 0 6.25%;
}
.agentWrapper .agentStep .title{
	position: relative;
	padding-left: 45px;
	font-size: 33px;
	color: #fff;
}
.agentWrapper .agentStep .title:before{
	content: '';
	width: 27px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 0;
}
.agentWrapper .agentStep .stepBox{
	margin-top: 5.4%;
	padding: 0 45px;
}
.agentWrapper .agentStep .stepBox .items{
	width: 100%;
	display: table;
}
.agentWrapper .agentStep .stepBox .items .item{
	display: table-cell;
	height: 160px;
	vertical-align: middle;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.agentWrapper .agentStep .stepBox .items .itemTxt{
	padding: 20px;
	width: 28%;
	background-color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.agentWrapper .agentStep .stepBox .items .itemTxt p{
	font-size: 16px;
	line-height: 24px;
	color: #666;
	text-align: center;
}
.agentWrapper .agentStep .stepBox .items .itemTxt p a{
	color: #666;
}
.agentWrapper .agentStep .stepBox .items .itemTxt p i{
	color: #016ada;
}
.agentWrapper .agentStep .stepBox .items .itemIco{
	width: 8%;
	background-position: center;
	background-repeat: no-repeat;
}
.agentWrapper .agentStep .stepBox .items.top .itemIco{
	background-image: url(../images/agent_icon3.png);
}
.agentWrapper .agentStep .stepBox .items.center .itemIco{
	float: right;
	width: 28%;
	height: 70px;
	background-image: url(../images/agent_icon4.png);
}
.agentWrapper .agentStep .stepBox .items.bottom .itemIco{
	background-image: url(../images/agent_icon5.png);
}
.agentWrapper .agentStep .stepBox .items .itemTxt:hover{
	background-color: #0985e5;
}
.agentWrapper .agentStep .stepBox .items .itemTxt:hover p,
.agentWrapper .agentStep .stepBox .items .itemTxt:hover p a,
.agentWrapper .agentStep .stepBox .items .itemTxt:hover p i{
	color: #fff;
}
.agentWrapper .agentContact{
	padding: 2.6% 0;
	background-color: #03a2f3;
	text-align: center;
}
.agentWrapper .agentContact p{
	font-size: 24px;
	color: #fff;
}
.agentWrapper .agentContact .btn{
	display: block;
	margin: 20px auto 0;
	width: 156px;
	height: 42px;
	line-height: 42px;
	border: #fff solid 1px;
	border-radius: 26px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.agentWrapper .agentContact .btn:hover{
	background-color: #fff;
	color: #03a2f3;
	box-shadow: 0 10px 30px rgba(255,255,255,.3);
}


/* solution */
.solutionWrapper .banner{
	position: relative;
	width: 100%;
	padding-top: 36.45%;
	background: url(../images/solution_banner.jpg) no-repeat center;
	background-size: cover;
}
.solutionWrapper .banner .info{
	position: absolute;
	bottom: 80px;
}
.solutionWrapper .banner h1{
	font-size: 46px;
	color: #fff;
	font-family: 'SimHei';
}
.solutionWrapper .banner p{
	margin-top: 20px;
	font-size: 20px;
	line-height: 24px;
	font-family: 'SimHei';
	color: #fff;
}
.solutionWrapper .banner .ico{
	display: block;
	margin-top: 8.8%;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: #fff solid 1px;
	background: url(../images/solution_icon1.png) no-repeat center;
}
.solutionWrapper .moudel1{
	padding: 70px 0 165px;
}
.solutionWrapper .moudel1 .title{
	font-size: 36px;
	height: 38px;
	line-height: 38px;
	padding-left: 18px;
	color: #444;
	border-left: #0169da solid 3px;
}
.solutionWrapper .moudel1 .controlType{
	margin-top: 55px;
}
.solutionWrapper .moudel1 .controlType a{
	position: relative;
	float: left;
	margin-left: -1px;
	width: 25%;
	height: 200px;
	border: #ddd solid 1px;
	background-color: #f5f5f5;
	text-align: center;
}
.solutionWrapper .moudel1 .controlType a:before{
	content: '';
	width: 0;
	height: 0;
	border-width: 20px;
	border-style: solid;
	border-color: transparent transparent transparent transparent;
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -20px;
}
.solutionWrapper .moudel1 .controlType a h1{
	margin-top: 65px;
	font-size: 24px;
	line-height: 26px;
	color: #444;
}
.solutionWrapper .moudel1 .controlType a p{
	font-size: 12px;
	line-height: 24px;
	color: #666;
	font-family: 'Arial';
}
.solutionWrapper .moudel1 .controlType a.active,
.solutionWrapper .moudel1 .controlType a:hover{
	background-color: #0169da;
	border-color: #0169da;
}
.solutionWrapper .moudel1 .controlType a.active h1,
.solutionWrapper .moudel1 .controlType a.active p,
.solutionWrapper .moudel1 .controlType a:hover h1,
.solutionWrapper .moudel1 .controlType a:hover p{
	color: #fff;
}
.solutionWrapper .moudel1 .controlType a.active:before{
	border-color: #0169da transparent transparent transparent;
}
.solutionWrapper .moudel1 .inputBar{
	position: relative;
	padding-right: 75px;
	margin: 50px 0;
	width: 100%;
	height: 70px;
	border: #e0e0e0 solid 1px;
	border-radius: 3px;
	overflow: hidden;
}
.solutionWrapper .moudel1 .inputBar input{
	float: left;
	width: 100%;
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	color: #666;
	text-indent: 10px;
}
.solutionWrapper .moudel1 .inputBar .btn{
	position: absolute;
	top: 0;
	height: 100%;
	width: 75px;
	background: url(../images/solution_icon2.png) no-repeat center;
}
.solutionWrapper .moudel1 .inputBar .btn:before{
	content: '';
	width: 1px;
	height: 22px;
	background-color: #ccc;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 0;
}
.solutionWrapper .moudel2{
	position: relative;
}
.solutionWrapper .moudel2 .bgImg{
	float: right;
	width: 85%;
	height: 830px;
	background: url(../images/solution-img1.jpg) no-repeat center;
	background-size: cover;
	max-width: 1600px;
}
.solutionWrapper .moudel2 .itemBox{
	position: absolute;
	width: 86%;
	padding: 50px 30px 50px 16%;
	max-width: 1600px;
	background-color: #f5f5f5;
	left: 0;
	top: -160px;
}
.solutionWrapper .moudel2 .itemBox .itemBar{
	display: none;
	padding-right: 40px;
	height: 730px;
	overflow: hidden;
}
.solutionWrapper .moudel2 .itemBox .item{
	padding: 20px 0;
	border-bottom: #d7d7d7 solid 1px;
}
.solutionWrapper .moudel2 .itemBox .item .title{
	position: relative;
	padding-right: 55px;
	font-size: 16px;
	line-height: 26px;
	height: 26px;
	overflow: hidden;
	cursor: pointer;
}
.solutionWrapper .moudel2 .itemBox .item .title .ico{
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	background-position: center;
	background-repeat: no-repeat;
	top: 4px;
	right: 38px;
	background-image: url(../images/solution_icon4.png);
	cursor: pointer;
}
.solutionWrapper .moudel2 .itemBox .item .title.active .ico{
	background-image: url(../images/solution_icon3.png);
}
.solutionWrapper .moudel2 .itemBox .item .cont{
	margin-top: 20px;
	display: none;
}
.solutionWrapper .moudel2 .itemBox .item .cont p{
	font-size: 14px;
	line-height: 22px;
	color: #666;
}
.solutionWrapper .moudel2 .itemBox .item .cont a{
	margin-top: 15px;
	display: inline-block;
	font-size: 14px;
	color: #016bdd;
}
.solutionWrapper .moudel3{
	padding: 65px 0 110px;
}
.solutionWrapper .moudel3 .title{
	font-size: 36px;
	height: 38px;
	line-height: 38px;
	padding-left: 18px;
	color: #444;
	border-left: #0169da solid 3px;
}
.solutionWrapper .moudel3 .group{
	position: relative;
	margin-top: 45px;
	overflow: hidden;
}
.solutionWrapper .moudel3 .group .sideBar{
	width: 320px;
	position: absolute;
	top: 0;
	left: 0;
}
.solutionWrapper .moudel3 .group .sideBar a{
	position: relative;
	display: block;
	width: 100%;
	height: 150px;
	line-height: 150px;
	text-align: center;
	font-size: 22px;
	color: #444;
	background-color: #f5f5f5;
	border-bottom: #ddd solid 1px;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.solutionWrapper .moudel3 .group .sideBar a.active,
.solutionWrapper .moudel3 .group .sideBar a:hover{
	background-color: #0169da;
	border-color: #0169da;
	color: #fff;
}
.solutionWrapper .moudel3 .group .sideBar a.active:before{
	content: '';
	width: 0;
	height: 0;
	border-width: 12px;
	border-style: solid;
	border-color: transparent transparent transparent #0169da;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: -24px;
}
.solutionWrapper .moudel3 .group .imgsBox{
	margin-left: 370px;
}
.solutionWrapper .moudel3 .group .imgsBox .imgBox{
	display: none;
}
.solutionWrapper .moudel3 .group .imgsBox .imgBox img{
	display: block;
	width: 100%;
}


/* staff */
.staffWrapper .banner{
	width: 100%;
	padding-top: 39%;
	background: url(../images/staff_banner.jpg) no-repeat center;
	background-size: cover;
}
.staffWrapper .banner .container{
	position: relative;
}
.staffWrapper .banner .info{
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 500px;
	padding: 30px 50px 0;
	background-color: #49bcf6;
	background-color: rgba(73,188,246,.9);
	color: #fff;
}
.staffWrapper .banner .info h1{
	font-size: 40px;
	padding-bottom: 20px;
	border-bottom: #fff solid 2px;
	border-color: rgba(255,255,255,.8);
	font-weight: bold;
}
.staffWrapper .banner .info p{
	margin-bottom: 90px;
	margin-top: 15px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
.staffWrapper .slickBox{
	margin-top: 70px;
}
.staffWrapper .slickBox .slickImg,
.staffWrapper .slickBox .slickInfo{
	float: left;
	width: 50%;
}
.staffWrapper .slickBox .slickImg .img{
	width: 100%;
	height: 650px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.staffWrapper .slickBox .slickImg .img:hover{
	background-size: 110% 110%;
}
.staffWrapper .slickBox .slickImg .slick-arrow{
	position: absolute;
	bottom: 0;
	width: 60px;
	height: 60px;
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	border: 0;
	z-index: 5;
	cursor: pointer;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.staffWrapper .slickBox .slickImg .slick-arrow:hover{
	background-color: #03a2f2;
	background-color: rgba(3,162,242,.8);
}
.staffWrapper .slickBox .slickImg .slick-prev{
	right: 60px;
	background-image:url(../images/icon_prev_3.png);
}
.staffWrapper .slickBox .slickImg .slick-prev:hover{
	background-image:url(../images/icon_prev_3on.png);
}
.staffWrapper .slickBox .slickImg .slick-next{
	right: 0;
	background-image:url(../images/icon_next_3.png);
}	
.staffWrapper .slickBox .slickImg .slick-next:hover{
	background-image:url(../images/icon_next_3on.png);
}




.staffWrapper .slickBox .slickInfo{
	padding: 9% 6.25%;
	height: 650px;
	background-color: #fff;
	background-image: url(../images/staff_icon1.png);
	background-position: 5% 15%;
	background-repeat: no-repeat;
}
.staffWrapper .slickBox .slickInfo .info h1{
	font-size: 30px;
	line-height: 46px;
	height: 46px;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.staffWrapper .slickBox .slickInfo .info p{
	margin-top: 35px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	height: 90px;
	overflow: hidden;
}
.staffWrapper .slickBox .slickInfo .info .more{
	position: relative;
	margin-top: 80px;
	display: inline-block;
	padding: 12px 0;
	font-size: 16px;
	color: #016cde;
}
.staffWrapper .slickBox .slickInfo .info .more:before,
.staffWrapper .slickBox .slickInfo .info .more:after{
	content: '';
	width: 0;
	height: 2px;
	background-color: #016cde;
	position: absolute;
	left: 0;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.staffWrapper .slickBox .slickInfo .info .more:before{
	width: 100%;
	bottom: 0;
}
.staffWrapper .slickBox .slickInfo .info .more:after{
	top: 0;
}
.staffWrapper .slickBox .slickInfo .info .more:hover:before{
	width: 0;
}
.staffWrapper .slickBox .slickInfo .info .more:hover:after{
	width: 100%;
}
.staffWrapper .staffPhotoTab{
	background-color: #03a2f2;
}
.staffWrapper .photoTab{
	position: relative;
	z-index: 5;
	background-color: #03a2f2;
	float: right;
	width: 50%;
	border-right: #fff solid 1px;
	border-color: rgba(255,255,255,.3);
	overflow: hidden;
}
.staffWrapper .photoTab .item{
	position: relative;
	top: 0;
	float: left;
	width: 33.33%;
	padding: 100px 0;
	border-left: #fff solid 1px;
	border-color: rgba(255,255,255,.3);
	cursor: pointer;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.staffWrapper .photoTab .item:hover{
	top: -10px;
}
.staffWrapper .photoTab .item .ico{
	margin: 0 auto 25px;
	width: 75px;
	height: 55px;
	background-position: center;
	background-repeat: no-repeat;
}
.staffWrapper .photoTab .item p{
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	text-align: center;
}
.staffWrapper .photoTab .item .ico1{
	background-image: url(../images/staff_icon2.png);
}
.staffWrapper .photoTab .item .ico2{
	background-image: url(../images/staff_icon3.png);
}
.staffWrapper .photoTab .item .ico3{
	background-image: url(../images/staff_icon4.png);
}
.staffWrapper .swiperPhoto{
	padding-bottom: 125px;
	top: -165px;
	margin-bottom: -165px;
	display: none;
}
.staffWrapper .swiperPhoto .group{
	height: 750px;
	overflow: hidden;
}
.staffWrapper .swiperPhoto .group .img{
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.staffWrapper .swiperPhoto .group .img:hover{
	background-size: 110% 110%;
}
.staffWrapper .swiperPhoto .group .left{
	float: left;
	width: 50%;
}
.staffWrapper .swiperPhoto .group .left .img{
	height: 750px;
}
.staffWrapper .swiperPhoto .group .right{
	float: left;
	width: 50%;
	margin-top: 165px;
	padding: 10px 0 0 10px;
	overflow: hidden;
	box-sizing: border-box;
}
.staffWrapper .swiperPhoto .group .right .top{
	margin-bottom: 10px;
	overflow: hidden;
}
.staffWrapper .swiperPhoto .group .right .top .img{
	float: left;
	width: 49%;
	height: 315px;
	margin-right: 2%;
}
.staffWrapper .swiperPhoto .group .right .top .img:last-child{
	margin-right: 0;
}
.staffWrapper .swiperPhoto .group .right .bottom .img{
	height: 250px;
}
.staffWrapper .swiperPhoto .btn{
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: #fdfdfd;
	background-position: center;
	background-repeat: no-repeat;
	bottom: 0;
	cursor: pointer;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.staffWrapper .swiperPhoto .btn:hover{
	background-color: #33b3f3;
}
.staffWrapper .swiperPhoto .prevBtn{
	left: 0;
	background-image: url(../images/icon_prev_3.png);
}
.staffWrapper .swiperPhoto .prevBtn:hover{
	background-image: url(../images/icon_prev_3on.png);
}
.staffWrapper .swiperPhoto .nextBtn{
	left: 60px;
	background-image: url(../images/icon_next_3.png);
}
.staffWrapper .swiperPhoto .nextBtn:hover{
	background-image: url(../images/icon_next_3on.png);
}


/* law */
.lawWrapper .BannerImg img{
	display: block;
	width: 100%;
}
.lawBox{
	padding: 4.2% 0;
}
.lawBox .title{
	position: relative;
	font-size: 36px;
	line-height: 40px;
	font-family: 'SimHei';
	padding-left: 20px;
}
.lawBox .title:before{
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #0169da;
}
.lawBox h2{
	margin-top: 30px;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
}
.lawBox p{
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.lawBox h2 + p{
	margin-top: 30px;
}

/* webmap */
.webMapWrapper .BannerImg img{
	display: block;
	width: 100%;
}
.webMapBox{
	padding: 4.2% 0 6.2%;
}
.webMapBox .title{
	position: relative;
	font-size: 36px;
	line-height: 40px;
	font-family: 'SimHei';
	padding-left: 20px;
}
.webMapBox .title:before{
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #0169da;
}
.webMapBox .map{
	margin-top: 6.25%;
}
.webMapBox .item{
	margin-bottom: 30px;
	padding: 10px 0;
	border-bottom: dashed #c9c9c9 1px;
}
.webMapBox .item h1{
	font-size: 18px;
	line-height: 24px;
	color: #444;
}
.webMapBox .item a{
	color: #444;
}
.webMapBox .item a:hover{
	color: #0169da;
}
.webMapBox .item p{
	margin-top: 12px;
	font-size: 0;
}
.webMapBox .item p a{
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	padding-right: 20px;
	color: #444;
	color: rgba(68,68,68,.8);
}



.OnlineMessageLayer{
	position: fixed;
	top: 10%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	padding: 35px 55px;
	background-color: #000;
	background-color: rgba(0,0,0,.8);
}
.OnlineMessageLayer .close{
	position: absolute;
	width: 36px;
	height: 36px;
	background-color: #016ada;
	top: 17px;
	right: 17px;
}
.OnlineMessageLayer h1{
	position: relative;
	padding-bottom: 20px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	border-bottom: #fff solid 1px;
	border-color: rgba(255,255,255,.8);
}
.OnlineMessageLayer h1:before{
	content: '';
	width: 8px;
	height: 8px;
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: -4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.OnlineMessageLayer p{
	margin: 15px 0;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	color: rgba(255,255,255,.8);
	text-align: center;
}
.OnlineMessageLayer .input{
	margin: 8px 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-indent: 20px;
	color: #666;
	border-radius: 4px;
}
.OnlineMessageLayer .inputBtn{
	background-color: #016ada;
	color: #fff;
	text-indent: 0;
	cursor: pointer;
}
.OnlineMessageLayer .textarea{
	margin: 8px 0;
	width: 100%;
	height: 140px;
	padding: 10px 20px;
	font-size: 16px;
}



.service_main .section1 .item.onlineMessagePop{
	cursor: pointer;
}
.OnlineMessageLayer{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	padding: 35px 55px;
	background-color: #000;
	background-color: rgba(0,0,0,.8);
	z-index: 105;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	display: none;
}
.OnlineMessageLayer .close{
	position: absolute;
	width: 36px;
	height: 36px;
	background-color: #016ada;
	top: 17px;
	right: 17px;
	cursor: pointer;
}
.OnlineMessageLayer .close:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/onlinemessageclose.png) no-repeat center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.OnlineMessageLayer .close:hover:before{
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
}
.OnlineMessageLayer h1{
	position: relative;
	padding-bottom: 20px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	border-bottom: #fff solid 1px;
	border-color: rgba(255,255,255,.8);
}
.OnlineMessageLayer h1:before{
	content: '';
	width: 8px;
	height: 8px;
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: -4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.OnlineMessageLayer p{
	margin: 15px 0;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	color: rgba(255,255,255,.8);
	text-align: center;
}
.OnlineMessageLayer .input{
	margin: 8px 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-indent: 20px;
	color: #666;
	border-radius: 4px;
}
.OnlineMessageLayer .input[type='text']{
	border: transparent solid 1px;
}
.OnlineMessageLayer .input[type='text']:focus{
	border-color: #016ada;
}
.OnlineMessageLayer .inputBtn{
	background-color: #016ada;
	color: #fff;
	text-indent: 0;
	cursor: pointer;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.OnlineMessageLayer .inputBtn:hover{
	background-color: #0e56a4;
}
.OnlineMessageLayer .textarea{
	margin: 8px 0;
	width: 100%;
	height: 140px;
	padding: 10px 20px;
	font-size: 16px;
	border: transparent solid 1px;
	border-radius: 4px;
}
.OnlineMessageLayer .textarea:focus{
	border-color: #016ada;
}






.AgentLayer{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -310px;
	width: 620px;
	padding: 35px 55px;
	background-color: #000;
	background-color: rgba(0,0,0,.8);
	z-index: 105;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	display: none;
}
.AgentLayer .close{
	position: absolute;
	width: 36px;
	height: 36px;
	background-color: #016ada;
	top: 17px;
	right: 17px;
	cursor: pointer;
}
.AgentLayer .close:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/onlinemessageclose.png) no-repeat center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.AgentLayer .close:hover:before{
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
}
.AgentLayer h1{
	position: relative;
	padding-bottom: 20px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	border-bottom: #fff solid 1px;
	border-color: rgba(255,255,255,.8);
}
.AgentLayer h1:before{
	content: '';
	width: 8px;
	height: 8px;
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: -4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.AgentLayer p{
	margin: 15px 0;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	color: rgba(255,255,255,.8);
	text-align: center;
}
.AgentLayer .input{
	margin: 8px 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-indent: 20px;
	color: #666;
	border-radius: 4px;
}
.AgentLayer .input[type='text']{
	border: transparent solid 1px;
}
.AgentLayer .input[type='text']:focus{
	border-color: #016ada;
}
.AgentLayer .inputBtn{
	background-color: #016ada;
	color: #fff;
	text-indent: 0;
	cursor: pointer;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}
.AgentLayer .inputBtn:hover{
	background-color: #0e56a4;
}
.AgentLayer .textarea{
	margin: 8px 0;
	width: 100%;
	height: 140px;
	padding: 10px 20px;
	font-size: 16px;
	border: transparent solid 1px;
	border-radius: 4px;
}
.AgentLayer .textarea:focus{
	border-color: #016ada;
}










@media screen and ( max-height: 768px){
	.OnlineMessageLayer{
		width: 540px;
		margin-left: -270px;
		padding: 25px 55px;
	}
	.OnlineMessageLayer .input{
		margin: 5px 0;
		height: 34px;
		line-height: 34px;
	}
	.OnlineMessageLayer .textarea{
		margin: 5px 0;
		height: 80px;
	}
}
@media screen and ( max-width: 1366px ){
	.OnlineMessageLayer h1{
		font-size: 18px;
	}
	.OnlineMessageLayer p{
		font-size: 14px;
		margin: 14px 0;
	}
	.AgentLayer h1{
		font-size: 18px;
	}
	.AgentLayer p{
		font-size: 14px;
		margin: 14px 0;
	}
}
@media screen and (max-width: 992px){
	.OnlineMessageLayer{
		width: 100%;
		padding: 20px 30px;
		left: 0;
		margin-left: 0;
	}
	.OnlineMessageLayer .input{
		font-size: 14px;
	}
	.OnlineMessageLayer .textarea{
		font-size: 14px;
	}
	.AgentLayer{
		width: 100%;
		padding: 20px 30px;
		left: 0;
		margin-left: 0;
	}
	.AgentLayer .input{
		font-size: 14px;
	}
	.AgentLayer .textarea{
		font-size: 14px;
	}
}





.productListWrapper .list2 {
    margin-top: 80px;
}
.productListWrapper .list2 li{
	position: relative;
}
.productListWrapper .list li .img img{
	-webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.productListWrapper .list li .img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.productListWrapper .list2 li .info{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background:rgba(0,0,0,0.6);
	height: 88px;
	display: table;
}
.productListWrapper .list2 li .info  h1{
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	white-space: normal;
	height: 52px;
	line-height: 26px;
	font-size: 20px;
	padding-right: 60px;
	display: block;
}
.productListWrapper .list2 li .info h1:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.productListWrapper .list2 li .info h1 p{
	display: inline-block;
	vertical-align: middle;
	height: auto;
	margin-top:0;
	color:#fff;
	font-size: 20px;
	line-height: 26px;
}
.productListWrapper .list2 li .info p:before{
	width: 0;
	height: 0;
}
.productListWrapper .list2 li .info  h1 .ico2{
	position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icon_view_white.png);
}

@media screen and (max-width: 1366px){
	.productListWrapper .list2 li .info p {
		width: 210px;
	}
}
@media screen and (min-width: 1366px){
	.productListWrapper .list2 li .info p {
		width: 280px;
	}
}

.BannerImg img {
	display: block;
	width: 100%;
}